
.clear::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.input_file #files {
    width: 0px;
    height: 0px;

}

.origin_text_warp .origin_text {
    border: 2px solid cornflowerblue;
    width: 600px;
    height: 200px;
    font-size: 20px;
}

.fix_text_warp {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


.fix_text_warp .options {
    list-style: none;
    display: inline-block;
    width: 80px;
}

.fix_text_warp .options button {
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    color: white;
    background-color: cornflowerblue;
    border: none;
    margin-left: 20px;
}

.content_warp .show_wrap {
    display: inline-block;
    margin-left: 40px;

}

.next_btn {
    display: table;
    margin: 0 auto;
    width: 200px;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    border: none;
    background-color: cornflowerblue;
    color: white;
}

/*------------- 新增样式 ---------------*/
/* 导入区-按钮组的样式 */
.btn-container {
    margin-bottom: 10px;
    text-align: right;
}

/* 卡片的样式 */
.text-card {
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background-color: #fff;
    color: #666;
    box-shadow: 1px 1px 4px #c0c4cc;
}

/* 导入区的宽度 */
.content-width {
    width: 70%;
    margin-left: 15%;
}

/* 加上提示区后的导入区的宽度 */
.content-help-width {
    width: 70%;
    margin-left: 0;
}

/* 卡片中文本的样式*/
.text-card .layui-card-body {
    text-indent: 1em;
    font-size: x-large;
    line-height: normal;
    color: #6b6b6b;
}

.btn-container .layui-btn {
    margin-right: 10px;
    margin-bottom: 0;
}

.fix_text {
    display: inline-block;
    border: 2px solid #2196f3;
    font-size: 1.2em;
    width: -webkit-fill-available;
    height: 300px;
}

.show_fixed {
    display: inline-block;
    border: 2px solid #2196f3;
    font-size: 1.2em;
    width: -webkit-fill-available;
    height: 300px;
}

/* 操作按钮 */
.options-btn {
    margin-bottom: 8%;
}

/* 导航栏的按钮 */
.header-btn {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

/* 展示区的文字 */
.origin-text {
    height: 165px;
    overflow: auto;
}

/* 提示区*/
.help-zero {
    padding: 25.2px 0 25.2px 0.8em;
}


/* 提示区的文字*/
.help-zero-text {
    height: 228px;
    overflow: auto;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 4px #c0c4cc;
    color: #666;
}

.help-zero-text-pad {
    line-height: 1.6;
    padding: 12px;
}

.my-card-header {
    padding: 0 0 0 15px;
}

.circle-style {
    width: 1.08em;
    height: 2.76em;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    opacity: 0.12;
}

.circle-style:hover {
    opacity: 0.36;
}

.right-circle-style {
    right: 0;
    bottom: 39%;
}


/*** 自适应部分 ***/
/* 移动设备 */
@media screen and (min-width: 160px) and (max-width: 640px) {

    .text-card .layui-card-body {
        text-indent: 1em;
        font-size: large;
        line-height: normal;
        color: #6b6b6b;
    }

    .options-btn {
        margin-bottom: 30%;
        width: 85%;
        text-align: center;
        padding: 0;
    }

    .next_warp {
        margin-top: -0.5%;
    }

    .content-width {
        width: 94%;
        margin-left: 3%;
    }

    .operate-zero {
        margin-top: 0;
    }

    .fix_text {
        font-size: 1.0em;
    }

    .show_fixed {
        font-size: 1.0em;
    }

    /* 提示区的文字间距*/
    .help-zero-text-pad {
        padding: 6px;
        line-height: 1.2;
        font-size: small;
    }

    .choose-file-btn-text {
        display: none;
    }

}

@media screen and (min-width: 641px) {
    .options-btn {
        width: 65%;
        font-size: larger;
    }


}

/* 箭头组合*/
.left-circle {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("");
}